/** 
 * CORE
 */
body {
	margin: 0px;
	padding: 0px;
	background-color: #E9E9E9;
	font-family: Verdana, Century Gothic, Arial;
	font-size: 11px;
	text-align: center;
	line-height: 18px;
	color: #555;
}

div {
	overflow: hidden;
}

.roundCorner {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

a,a:visited {
	text-decoration: none;
	color: #5CB3FF;
}

a:hover {
	color: #97DFFF;
}

a:active {
	color: #2C9DFF;
}

.red {
	color: Red;
}

div.hr {
	height: 0px;
	width: auto;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #CCC;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
	height: auto;
	overflow: hidden;
	background-color: Transparent;
}

.auto-container {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	text-align: left;
	height: auto;
	overflow: hidden;
	background-color: Transparent;
}

.panel {
	width: auto;
	height: auto;
	min-height: 20px;
	overflow: hidden;
	border: 1px solid #D7D7D7;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #CCC;
	overflow: hidden;
}

.img-box {
	overflow: hidden;
	border: 1px solid #DDD;
	width: 200px;
	height: 200px;
	text-align: center;;
	vertical-align: middle;
}

.img-box img {
	background-color: EEE;
}

.headRow {
	width: auto;
	height: auto;
	min-height: 30px;
	background-color: #ECECEC;
	cursor: default;
}

.headRow div.col {
	cursor: default;
}

.row {
	background-color: #FFF;
	border: 1px solid #CCC;
	border-top: none;
	width: auto;
	height: auto;
	width: auto;
	min-height: 20px;
}

.row:hover {
	background-color: #B2E5FF;
	cursor: pointer;
}

.row:active {
	background-color: #0978EA;
}

.col {
	width: auto;
	height: 100%;
	overflow: hidden;
	float: left;
	padding: 5px;
	cursor: default;
	cursor: pointer;
}

/**
 * HEADER
 */
._header {
	width: 100%;
	height: auto;
	background-color: #FAFAFA;
}

._headerN {
	float: left;
	width: 100%;
	height: 30px;
	background-color: #333;
	border-bottom: 1px solid #111;
	-moz-box-shadow: 1px 0px 3px #333;
	-webkit-box-shadow: 1px 0px 3px #333;
	box-shadow: 1px 0px 3px #333;
	color: #999;
	text-align: right;
	margin-bottom: 5px;
}

._headerN ul {
	list-style: none;
}

._headerN li {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #000;
	border-left: 1px solid #555;
}

._headerN li.first {
	border-left: none;
	padding-left: 0px;
}

._headerN li.last {
	border-right: none;
	padding-right: 0px;
}

._headerL {
	float: left;
	height: 80px;
	width: 200px;
	text-align: center;
}

._headerR {
	float: left;
	width: 200px;
	height: 80px;
	text-align: right;
}

._headerC {
	float: left;
	height: 80px;
	width: 600px;
	text-align: center;
}

._headerS {
	float: left;
	width: 100%;
	height: auto;
	background-color: #E9E9E9;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
}

._headerS ul {
	list-style: none;
}

._headerS li {
	float: left;
}

/**
 * CONTENT
 */
.content {
	float: none;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #FFF;
	min-height: 200px;
}

.left {
	float: left;
	width: auto;
	text-align: left;
}

.right {
	float: right;
	width: auto;
	text-align: left;
}

.hide {
	diaplay: none;
}

.options {
	vertical-align: middle;
	width: auto;
	height: auto;
	min-height: 30px;
	background-color: #FAFAFA;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #D7D7D7;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #CCC;
	margin-bottom: 5px;
	padding: 5px;
}

.options ul {
	list-style: none;
	padding: :0px;
	margin: 0px;
}

.options li {
	float: left;
	padding-right: 5px;
}

.grid {
	width: auto;
	float: left;
	height: auto;
	min-height: 50px;
}

.table-grid {
	text-align: left;
	vertical-align: top;
}

.table-grid td.tdR {
	text-align: right;
}

.table-grid td.tdL {
	text-align: left;
}

.table-grid td.tdC {
	text-align: center;
}

.side-bar {
	float: right;
	width: 250px;
	height: auto;
	min-height: 50px;
}

/**
 * MODAL CONTENT
 */
.top-box-msg {
	text-align: right;
	color: #999;
	padding: 3px;
	margin-bottom: 3px;
	border-bottom: 1px solid #EEE;
	color: #F62217;
}

.modalContent {
	text-align: left;
}

/**
 * FOOTER
 */
._footer {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	min-height: 30px;
	border-top: 1px dashed #AAA;
	padding-top: 5px;
}

/**
 * ICONS
 */
.icon-view a {
	background: url(../resources/icons/icon/Billboard16.png) no-repeat;
}

.icon-edit a {
	background: url(../resources/icons/icon/Edit16.png) no-repeat;
}

.icon-delete a {
	background: url(../resources/icons/icon/Delete16.png) no-repeat;
}

.icon-process a {
	background: url(../resources/icons/icon/Star_half_full16.png) no-repeat;
}

.icon-planned a {
	background: url(../resources/icons/icon/Star_empty16.png) no-repeat;
}

.icon-closed a {
	background: url(../resources/icons/icon/Close16.png) no-repeat;
}

.icon-opened a {
	background: url(../resources/icons/icon/Star_full16.png) no-repeat;
}

/**
 * COMPONENTS
 */
.required {
	background-color: #DCFDD6;
}

input {
	color: #777;
	font-size: 11px;
	padding: 3px 2px 3px 2px;
	border-top: 1px solid #C7C7C7;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DDD;
	padding: 3px 2px 3px 2px;
	height: 22px;
	width: auto;
}

select {
	background-image: url(../images/select-arrow.png) no-repeat center right;
	color: #777;
	overflow: hidden;
	border-top: 1px solid #C7C7C7;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DDD;
	line-height: 22px;
	height: 30px;
	padding: 5px;
}

option {
	border: none;
}

textarea {
	border-top: 1px solid #C7C7C7;
	border-left: 1px solid #DADADA;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #DDD;
	padding: 3px 2px 3px 2px;
	resize: none;
	color: #777;
	width: auto;
}